<template>
<div>
    <top2/>
    <center2/>
    <buttom2 :show="show"/>
</div>
    
</template>

<script>
import top2 from './components/top.vue'
import center2 from './components/center.vue'
import buttom2 from './components/bottom.vue'
export default {
  components:{top2,center2,buttom2},
  methods:{
    show(x){
        let body = document.getElementsByTagName('body')[0]
        x ? body.style.backgroundColor = 'white' : body.style.backgroundColor = 'black'
    }
  }
}
</script>

<style>
    body{
        background-color: black;
    }
</style>